<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <title>品行惠</title>
    <link rel="stylesheet" type="text/css" href="css/swiper.min.css">
    <link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<div class="search-section">
    <div class="search-wrapper bottom-border">
        <div class="addre">衢州</div>
        <a href="search.html" class="search">
            <i class="icon"></i>
            <div class="placeholder"><span class="hui">惠</span>苹果</div>
        </a>
        <div class="notice">
            <!--<div class="num">999</div>-->
        </div>
    </div>
    <div class="zhanwei"></div>
</div>
<!-- 搜索 -->

<div class="nav-section" id="nav-section">
    <div class="nav" >
        <div class="content" id="catList">
            <div class="nav-item on">
                <span class="text">今日特卖</span>
            </div>
            <!-- 标签可以改成a标签 -->
            <div class="nav-item nav-hook">
                <span class="text">新鲜水果</span>
            </div>
            <div class="nav-item nav-hook">
                <span class="text">放心农业</span>
            </div>
            <div class="nav-item nav-hook">
                <span class="text">年货团购</span>
            </div>
            <div class="nav-item nav-hook">
                <span class="text">休闲食品</span>
            </div>
            <div class="nav-item nav-hook">
                <span class="text">坚果</span>
            </div>
            <div class="nav-item nav-hook">
                <span class="text">家禽</span>
            </div>
        </div>
    </div>
    <div class="zhanwei"></div>
</div>
<!-- 滑动导航 -->

<div class="swiper-container banner">
    <ul id="lunbo" class="swiper-wrapper">
        <!--<li class="swiper-slide">-->
            <!--<a href="javascript:;"><img src="img/banner.png" alt=""></a>-->
        <!--</li>-->
        <!--<li class="swiper-slide">-->
            <!--<a href="javascript:;"><img src="img/banner.png" alt=""></a>-->
        <!--</li>-->
    </ul>
    <div class="swiper-pagination"></div>
</div>
<!-- 轮播图 -->

<a  href="/qg.html"><img id="qianggou" src="" alt="" class="adve"></a>
<!-- 广告  -->

<div id="list" class="list">
    <!--<div class="list-item">-->
        <!--<img src="img/img.png" class="img" alt="">-->
        <!--<div class="name">进口超大车厘子进口超大车厘子</div>-->
        <!--<div class="bottom">-->
            <!--<div class="price">￥368.00</div>-->
            <!--<div class="add-cart"></div>-->
        <!--</div>-->
    <!--</div>-->
    <!--  -->
    <!--<div class="list-item">-->
        <!--<img src="img/img.png" class="img" alt="">-->
        <!--<div class="name">进口超大车厘子进口超大车厘子</div>-->
        <!--<div class="bottom">-->
            <!--<div class="price">￥368.00</div>-->
            <!--<div class="add-cart"></div>-->
        <!--</div>-->
    <!--</div>-->
    <!--&lt;!&ndash;  &ndash;&gt;-->
    <!--<div class="list-item">-->
        <!--<img src="img/img.png" class="img" alt="">-->
        <!--<div class="name">进口超大车厘子进口超大车厘子</div>-->
        <!--<div class="bottom">-->
            <!--<div class="price">￥368.00</div>-->
            <!--<div class="add-cart"></div>-->
        <!--</div>-->
    <!--</div>-->
    <!--&lt;!&ndash;  &ndash;&gt;-->
    <!--<div class="list-item">-->
        <!--<img src="img/img.png" class="img" alt="">-->
        <!--<div class="name">进口超大车厘子进口超大车厘子</div>-->
        <!--<div class="bottom">-->
            <!--<div class="price">￥368.00</div>-->
            <!--<div class="add-cart"></div>-->
        <!--</div>-->
    <!--</div>-->
    <!--&lt;!&ndash;  &ndash;&gt;-->
    <!--<div class="list-item">-->
        <!--<img src="img/img.png" class="img" alt="">-->
        <!--<div class="name">进口超大车厘子进口超大车厘子</div>-->
        <!--<div class="bottom">-->
            <!--<div class="price">￥368.00</div>-->
            <!--<div class="add-cart"></div>-->
        <!--</div>-->
    <!--</div>-->
    <!--&lt;!&ndash;  &ndash;&gt;-->
    <!--<div class="list-item">-->
        <!--<img src="img/img.png" class="img" alt="">-->
        <!--<div class="name">进口超大车厘子进口超大车厘子</div>-->
        <!--<div class="bottom">-->
            <!--<div class="price">￥368.00</div>-->
            <!--<div class="add-cart"></div>-->
        <!--</div>-->
    <!--</div>-->
    <!--  -->
</div>

<div id="catProList" class ="list">



</div>
<!-- 产品列表 -->



<div class="tab-bar-section">
    <div class="tab-bar bottom-border">
        <a href="javascript:;" class="bar-item on">
            <img src="img/home02.png" class="icon" alt="">
            <div class="text">首页</div>
        </a>
        <a href="classification.html" class="bar-item">
            <img src="img/class.png" class="icon" alt="">
            <div class="text">分类</div>
        </a>
        <a href="erweima.html" class="bar-item">
            <img src="img/saoyis.png" style="margin: 0.1rem auto 0;width: 0.81rem;height: 0.81rem;" class="icon" alt="">
        </a>
        <a id="cartShowNum" href="cart1.html" class="bar-item">
            <img src="img/cart_m.png" class="icon" alt="">
            <div class="text">购物车</div>
            <!--<div class="num">111</div>-->
        </a>
        <a href="user.html" class="bar-item">
            <img src="img/user.png" class="icon" alt="">
            <div class="text">我的</div>
        </a>
    </div>
    <div class="zhanwei"></div>
</div>
<!-- 底部菜单 -->

<!-- 以下为页面js部分 -->
<script type="text/javascript" src="js/rem.js"></script>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/swiper.min.js"></script>
<script src="js/layers/layer.js" type="text/javascript" charset="utf-8"></script>
<script src="js/pages/public.js" type="text/javascript" charset="utf-8"></script>
<script src="js/pages/index1.js" type="text/javascript" charset="utf-8"></script>
<script>
    init()
    var swiper = new Swiper('.banner', {
        spaceBetween: 0,  //每个slider之间间距
        nextButton: '.swiper-button-next',
        prevButton: '.swiper-button-prev',
        pagination: '.swiper-pagination',  //生成小圆点
        paginationClickable: true, //允许点击
        loop: true,
        autoplay: 4000,
        autoplayDisableOnInteraction: false
    });
    // swiper

    $('#nav-section .nav-item').click(function () {
        $(this).addClass('on').siblings().removeClass('on');
    })
    // 顶部导航

    // $('.list-item').click(function () {
    //     window.location.href = "details.html";
    // })
    // // 商品跳转到详情页面
    //
    // $('.nav-hook').click(function () {
    //     window.location.href = "index2.html";
    // })
    // 商品跳转其它分类(nav-hook无任何样式只是用来跳转)
</script>
</body>
</html>